<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>日志管理</title>
		<link rel="stylesheet" href="../../css/index.css" />
	</head>
	<body>
		<!--安全组列表-->
		<div class="main-page">
			<div class="page-content">
				<div class="search-panel b-r-0 b-t-r">
					<!--搜索区域内容-->
					<div class="search-box pos-re">
						<div class="search-show bg-none w-auto">
							<div class="input-box">
								<input class="import-box w-128 pr-30" type="text" placeholder="用户名" />
								<a class="search-down up"><i class="search-down-icon com_icon"></i></a>
							</div>
							<div class="input-box w-auto">
								<div class="time-panel on">
									<div class="input-box">
										<input class="import-box pr-30" type="text" placeholder="开始时间" />
										<a class="search-down up"><i class="time-icon select_icon"></i></a>
									</div>
									<i class="time-cut"></i>
									<div class="input-box">
										<input class="import-box pr-30" type="text" placeholder="结束时间" />
										<a class="search-down up"><i class="time-icon select_icon"></i></a>
									</div>
								</div>
							</div>
							<a class="search-btn search_icon"></a>
						</div>
					</div>
				</div>
				<!--安全组列表-->
				<div class="table b-b-r">
					<ul class="ul_head">
						<li style="width: 14%; border:0; padding-left:2%;">用户名</li>
						<li style="width: 18%">时间</li>
						<li style="width: 12%">
							<div class="state-panel select_panel">
								<div class="select_normal">
									操作类型
									<a class="state-search search-down"><i class="search-down-icon com_icon"></i></a>
								</div>
								<ul class="state-select select_content">
									<li class="select_option active">全部</li>
									<li class="select_option">新增</li>
									<li class="select_option">编辑</li>
									<li class="select_option">删除</li>
									<li class="select_option">查询</li>
									<li class="select_option">其他</li>
								</ul>
							</div>
						</li>
						<li style="width: 12%">操作对象</li>
						<li style="width: 16%">操作详情</li>
						<li style="width: 8%; padding-right:7%;">
							<div class="state-panel select_panel">
								<div class="select_normal">
									状态
									<a class="state-search search-down"><i class="search-down-icon com_icon"></i></a>
								</div>
								<ul class="state-select select_content">
									<li class="select_option active">全部</li>
									<li class="select_option">成功</li>
									<li class="select_option">失败</li>
								</ul>
							</div>
						</li>
					</ul>
					<ul class="ul_body">
						<li class="li_tr">
							<ul>
								<li class="ul_body_td" style="width: 14%; padding-left:2%;">
									<p class="td_content">troila</p>
								</li>
								<li class="ul_body_td" style="width: 18%">
									<p class="td_content">2016-12-25</p>
								</li>
								<li class="ul_body_td" style="width: 12%">
									<p class="td_content"><a class="hanedle-type">新增</a></p>
								</li>
								<li class="ul_body_td" style="width: 12%">
									<p class="td_content">虚拟机</p>
								</li>
								<li class="ul_body_td" style="width: 16%">
									<p class="td_content">创建虚拟机[研发专用]</p>
								</li>
								<li class="ul_body_td" style="width: 6%; padding-right:8%; ">
									<p class="td_content"><span class="state-on state_sign">成功</span></p>
								</li>
							</ul>
						</li>
						<li class="li_tr">
							<ul>
								<li class="ul_body_td" style="width: 14%; padding-left:2%;">
									<p class="td_content">troila</p>
								</li>
								<li class="ul_body_td" style="width: 18%">
									<p class="td_content">2016-12-25</p>
								</li>
								<li class="ul_body_td" style="width: 12%">
									<p class="td_content"><a class="hanedle-type">新增</a></p>
								</li>
								<li class="ul_body_td" style="width: 12%">
									<p class="td_content">虚拟机</p>
								</li>
								<li class="ul_body_td" style="width: 16%">
									<p class="td_content">创建虚拟机[研发专用]</p>
								</li>
								<li class="ul_body_td" style="width: 6%; padding-right:8%; ">
									<p class="td_content"><span class="state-error state_sign">失败</span></p>
								</li>
							</ul>
						</li>
					</ul>
					<!--底部分页-->
					<div class="table-footer">
						<!--设置每页显示条数-->
						<div class="change-record">
							<label class="foot-label">每页显示</label>
							<div class="record-select">
								<p class="now-record">10<i class="show-record-ul com_icon"></i></p>
								<ul class="record-ul">
									<li class="record-item">10</li>
									<li class="record-item">20</li>
								</ul>
								<span class="record-unit">条</span>
								<div class="checked-count">，选中<span id="checkedCount" class="count-num color0099ff">0</span>条</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/view/journalManage/journalManage .js"></script>

</html>